import {Carousel} from 'antd';
import React from 'react';
import view01 from '../../assets/images/home/view_01.jpg';
import view02 from '../../assets/images/home/view_02.png';
let CarouselImgs = [
  {
    id: 1,
    url: view01,
  }, {
    id: 1,
    url: view02,
  },
];
const contentStyle = {
  height: '500px',
  color: '#fff',
  lineHeight: '160px',
  textAlign: 'center',
  background: '#364d79',
};

function CarouselView() {
  return  <Carousel autoplay style={{height: 500}}>
    {
      CarouselImgs.map((item, index) => {
        return <div>
          <h3 style={contentStyle}>
            <img src={item.url} alt=""/>
          </h3>
        </div>;
      })
    }
  </Carousel>

}

export default CarouselView
